.rl-banner{
	width: 100%;
	height:8rem;
}
.rl-banner img{
	width: 100%;
	height: 100%;
}

.rl-title{
	width: 100%;
	height: 4.1rem;
	background-color: #fcf7da;
}
.rl-title-noEnroll{
	display: flex;
	height: 100%;
	align-items: center;
	font-size: 0.75rem;
	display: none;
}
.rl-li{
	width:33%;
	height:2.5rem ;
	text-align: center;
	color: #ed7500;
	border-right: 1px solid #feeab8;
}
.rl-li:last-child{
	border: none;
}
.rl-li p{
	margin: 0;
}
.rl-title-yesEnroll{
	display: flex;
	height: 100%;
	align-items: center;
	padding: 0 0.75rem;
	justify-content: space-around;
	/*display: none;*/
}
.rl-title-yesEnroll p{
	margin: 0;
}
.rl-user-head{
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	border-radius:50% ;
	border: solid 2px #ffc03b;
	background-color: #f2f2f2;
}
.rl-user-name{
	font-size: 0.825rem;
	color: #ff6d6d;
}
.rl-user-code{
	font-size: 0.55rem;
	color: #dfc386;
}
.rl-user-card{
	width: 4.0rem;
	height: 2.5rem;
	background-color: #ffefcc;
	box-shadow: 2px 2px 0px 0px #ffd272;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.rl-user-rank,.rl-user-zan{
	font-size: 0.75rem;
	color: #ff6d6d;
}
.rl-user-option{
	color: #ddbf7f;
	font-size: 0.55rem;
}
.rl-user-zan>span{
	color: #333333;
	font-size: 0.55rem;
}

.rl-rank{
	width: 100%;
}
.rl-rank table{
	width: 100%;
}
.rl-rank thead{
	height: 1.8rem;
	background-color: #ffc03b;
}
.rl-rank th{
	color: #ffffff;
	font-size: 0.675rem;
}
.rl-rank td{
	text-align: center;
	height: 3rem;
	border-bottom: 1px solid #f0eac7;
	font-size: 0.675rem;
	max-width: 4rem;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rl-rank td img{
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-color: #f2f2f2;
	border: solid 1px #e1e1e1;
	border-radius: 50%;
	vertical-align: middle;
}
.rl-rank td span{
	font-size: 1rem;
	color: #ff6d6d;
}
.rl-rank tbody tr:nth-child(1) td:first-child p{
	width: 1rem;
	height: 1rem;
	background-color: #ff6d6d;
	color: #ffffff;
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rl-rank tbody tr:nth-child(2) td:first-child p{
	width: 1rem;
	height: 1rem;
	background-color: #ffae3b;
	color: #ffffff;
	border-radius: 50%;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}
.rl-rank tbody tr:nth-child(3) td:first-child p{
	width: 1rem;
	height: 1rem;
	background-color: #ffe63b;
	color: #ffffff;
	border-radius: 50%;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}